/*浮动客服*/
.toolbar{position: fixed;top: 60%;right:10px;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #d61818;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #d61818;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px; color:#fff}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold; color:#fff}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #d61818;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #d61818;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #d61818;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
.diwei{width:140px;}
.diwei dd{font-size:14px; line-height:24px; padding-top:10px; text-align:center}
#toolbar{display:none}
@media (max-width:640px) {
.toolbar{display:none}
.diwei{display:none}
.links{padding-bottom:20px}
#toolbar{display:block}
.foot_db{border-top:none}
}
.icon{background:url(../images/icon.png) no-repeat;display:inline-block;background-size:2.4rem auto;vertical-align:middle;}
.icon{content: "\20"; display:block;}
.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
/* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;height: 1.1rem;left: 0;}
#toolbar .list{width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;background: #d61818;box-shadow: 0 -8px 8px 0px rgba(0,0,0, 0.08);}
#toolbar .list li{float: left;width: 25%;text-align: center;border-left: 1px solid rgba(255,255,255, .1);}
#toolbar .list li:first-child{border-left: 0;}
#toolbar .list a{display: block;height: 1.1rem;line-height: 0.24rem;font-size: 0.26rem;padding-top: 0.2rem;}
#toolbar .list a span{text-align: center;color: #fff;display: block;font-size: 0.22rem;}
#toolbar .list a s{margin-left: auto;margin-right: auto;width: .44rem;height: .35rem;display: block;background-position: -.7rem -.2rem;margin-bottom: .12rem;}
#toolbar .list li:nth-child(2) s{background-position: 0.08rem -.2rem;}
#toolbar .list li:nth-child(3) s{background-position: -.32rem -.2rem;}
#toolbar .list li:nth-child(4) s{background-position: -1.12rem -.2rem;}
#toolbar .list li:hover{background: #d61818;}


/*微信弹窗*/
#wxnr{width:100%;height: 100%;max-width: 640px;min-width: 320px;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 5rem;height:3.8rem;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr img{width: 2.3rem;height: 2.3rem;display: block;margin: 0 auto;}
#wxnr p{font-size: 0.24rem;line-height: 0.45rem;text-align:center;}
#wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.3rem;height: 0.3rem;font-size: 0.2rem;line-height: 0.3rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;background-color: #d61818;color:#fff;border-radius: 0.05rem;cursor:pointer;}
#wxnr span.wx{padding-left: 0.4rem;background-image: url(../images/wx.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}